/*
  学习目标：掌握props传递数据- 函数组件,class组件
  props: 所有标签属性组成的对象
  作用：给组件传递数据
  1. 传递数据：给标签添加属性和值
  2. 接收 - 函数组件- 通过形参接收 props
  2. 接收 - 类组件- 通过 this.props
*/
import React from 'react';

export default class App extends React.Component {
  render() {
    return (
      <div>
        {/* 1. 传递数据：给标签添加属性和值 */}
        <Child name="zs" age={20}></Child>
      </div>
    );
  }
}

// 2. 接收 - 函数组件- 通过形参接收 props
function Child(props) {
  console.log('props -----> ', props);
  return (
    <div>
      我是子组件 - {props.name} - {props.age}
    </div>
  );
}
